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Abstract. Today millions of mobile apps are downloaded and used all over 
the world. Guidelines and best practices on how to design and develop mobile 
apps are being periodically released, mainly by mobile platform vendors and 
researchers. They cover different concerns, and refer to different technical and 
non-technical stakeholders. Still, mobile applications are developed with ad-hoc 
development processes, and on-paper best practices. 

In this paper we discuss a multi-view modelling framework supporting the col¬ 
laborative design and development of mobile apps. The proposed framework 
embraces the Model-Driven Engineering methodology. This paper provides an 
overall view of the modelling framework in terms of its main stakeholders, view¬ 
points, and modelling languages. 


1 Introduction 

Mobile devices are replacing traditional desktop and mobile instruments; people relies 
on mobile devices for surfing the web, purchasing products, or to be part of the social 
network; the mobile applications market now counts more than two millions applica¬ 
tions, downloaded billions of times per year. As an indicator of this situation, today the 
total activity on smartphones and tablets accounts for an incredible 60% of the time 
spent on digital media in the United States ID- 

Still, mobile applications are developed with ad-hoc development processes, and 
on-paper best practices I2|3| . Also, best practices for app design and development have 
been released by mobile platform vendors (e.g., O), by the W3C consortium, and by 
various practitioners and researchers. Still, what the community is missing is a system¬ 
atic approach, and related automated tools, that may translate the known guidelines into 
automated tasks that mobile developers can run in order to develop quality apps. 

In this paper we discuss a dedicated modelling framework for automating the de¬ 
sign and development of data-intensive mobile applications, i.e., apps whose primary 
purpose is to present a large amount of content (as further discussed and motivated in 
Section 0. With this scope in mind, our framework makes use of Model-Driven En¬ 
gineering Q technologies for supporting the multi-view modelling and development 
of mobile applications. Through four main mobile-specific models (namely, the Navi¬ 
gation, Data , UI, and Business Logic models) the various stakeholders involved in the 


development of a mobile application can collaboratively work for designing the app. 
In this paper we describe the modelling framework in terms of its stakeholders, view¬ 
points, and modelling languages. 

The rest of the paper is organized as follows. In Section [2] we describe the data- 
intensive mobile applications domain and their main design issues and challenges. Sec- 
tion [3] presents our modelling framework, and Section[4]closes the paper. 

2 Data-intensive mobile applications 

This research is concerned with enhancing the design and development activities of 
data-intensive mobile applications , i.e., those applications whose primary purpose is 
to present a large amount of content to a variety of possible users. To further scope 
data-intensive apps, and by building on the definition of data-intensive web-sites ®,a 
data-intensive mobile app differs from other mobile apps for their: 

- focus on browsing collections of data and basic interactions with data items, with 
simpler functional requirements; 

- support of one-to-one content delivery, where each user must have the impression 
of interacting with an interface specifically tailored to her needs and preferences; 

- simpler transactional requirements, in most cases limited to high-performance read¬ 
only access and standard write operations of a well-delimited fraction of the data; 

- support for delivering content to multiple devices; 

- focus on information organization and ease of navigation where users can immedi¬ 
ately understand the structure of the mobile application. 

Current practices in data-intensive mobile applications development are still 
plagued by a number of recurring issues and challenges |2). In order to have a clear 
understanding of those issues, we are working closely with industry partners in the 
context of research projects (e.g., 0). Also, we are continuously performing infor¬ 
mal interviews with developersy, projects managers and other involved stakeholders for 
completing our knowledge about this application domain. 

Even if many of the identified issues have a technical nature (e.g., mobile devices 
fragmentation, multi-device testing, code reuse across platforms), from our experience 
and interactions with professionals in the field, we actually noted that issues and chal¬ 
lenges pertaining to the design of a mobile application can have a much bigger and 
disastrous impact on its success l9l2tt . In the following we report the main issues and 
challenges of designing data-intensive mobile apps: 

- partial reasoning in the context, 

- limited information architecture engineering, 

- stakeholders diversity. 

A further elaboration of the aforementioned issues and challenges about the design 
of data-intensive mobile apps is provided in iflOl . 

1 We are working with industry partners and one of the authors is a mobile applications devel¬ 
oper with more than twenty projects in his portfolio 



In order to overcome the above mentioned problems, we carry out a top-down rea¬ 
soning process with the chief aim of specifying a design and development framework 
that can satisfy the needs of data-intensive mobile applications stakeholders. In the next 
section we will present our framework. 


3 The modelling framework 

By exploit the well-known principle of multi-viewpoint specification 0, our modelling 
framework allows stakeholders to represent a mobile app as a set of independent models 
and correspondences among them. The latter is an elegant solution for managing com¬ 
plexity since it allows each stakeholder to focus on those aspects of the app in which 
she is expert, abstracting away from the rest of the concerns. 

In order to reason in an organized manner on our framework, we identified the set 
of stakeholders and viewpoints of a data-intensive mobile project. Table 1 shows the re¬ 
sults of our analysis. Basically, we identified four main viewpoints of a mobile project: 
navigation refers to the navigation flow and the logical structure of the mobile applica¬ 
tion, data refers to the structure and operations of the data managed by the application, 
UI refers to the presentation, layout and graphical style of the application, and busi¬ 
ness logic mainly refers to the internal behaviour of the application and the interaction 
between the user and the application user interface. 

The stakeholders of a mobile project can be either technical (like back-end devel¬ 
oper, UI designer) or non-technical (such as users, customers, or content producers). 
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Table 1 . Stakeholders and viewpoints of the modelling framework 


In data-intensive mobile projects the whole implementation of the system can be 
split among three different stakeholders: the app developer who is in charge of im¬ 
plementing the mobile application with a focus on its client-side business logic, the 








back-end developer who is in charge of implementing the server-side logic and inter¬ 
faces to make the data available to the mobile application, and the UI designer who 
is in charge of developing the user interface of the application, thus focussing on the 
presentation part of the project. Also, the information architect takes care of the design 
of the layout of the various views of the mobile application, reasons on its usability, 
navigability, etc. Content producers are in charge of creating the contents accordingly 
to the structure proposed by the information architect, developers, and UI designer. 
Users and customers should refer to the user interface of the application (together with 
its prototypes) in order to assess the validity of the various choices taken by the other 
stakeholders. 

A clear definition of the stakeholders and their viewpoints with respect to a data- 
intensive mobile app helps us in two main directions: (i) it supports us in clearly rea¬ 
soning on the actors developing a data-intensive mobile application and their concerns 
to be considered, and (ii) it plays the role of blueprint for the concrete realization of our 
framework. 

Our modeling framework is composed of four main languages: navigation, data, UI, 
and business logic, more specifically: 

- Navigation. It represents the structure of a data-intensive mobile application in 
terms of its views and the navigation flow between them. According to our lan¬ 
guage, views are the atomic first-class elements of a navigation model, views are 
linked by means of navigation flows. A navigation flow can optionally contain a 
condition to decide if the flow can be undertaken by the user, depending on the 
current state of the mobile application. 

- Data. It focusses on the structure of the various data types underlying the mobile 
application under development. More specifically, a data model is used to describe 
(i) each data entity that is managed by the application, (ii) its properties, (iii) its 
exposed operations, and (iv) its references to other data entities. It is important to 
note that the data model language is platform-independent, it does not prescribe 
any constraint about how to manage persistence of the modelled data entities (e.g., 
local storage, in the cloud, etc.), nor the details about their operations. 

- UI. It describes the layout of each view of the mobile application, together with the 
UI elements composing it. UI elements can be either basic (e.g., button, label, map, 
image, navigation item, etc.) or containers (e.g., list items, grids, menus, navigation 
bars, etc.); clearly, containers can be composed of either basic or other container 
elements. 

- Business Logic. It describes the internal operations of the application and the in¬ 
teraction between the user and the mobile application interface. This language is 
based on the event-condition-action paradigm. Actions can refer to operations on 
data entities, to the update of an UI element, to the navigation through a specific 
navigation flow, to the access of a device capability (like GPS sensor or camera). 
Events can refer to user-generated interactions (e.g., a gesture on an UI element), 
to a specific device capability (e.g., disconnection of the device from the network, 
a callback from a GPS sensor, etc.), or they can be application-specific (e.g., logout 
of the user, availability of a given data from a remote server, etc.). Actions can be 
executed in sequences and in response to the triggering of events, thus enabling 



a control flow between them. Optionally, conditions can be associated to control 
flows; the interaction flow goes through a specific sequence of actions and events 
only if its condition evaluates to true. 


The main drivers we followed during the design of those language are; simplic¬ 
ity, platform independence, conciseness, and being self-contained. The modelling lan¬ 
guages are (loosely) coupled by means of typed correspondences linking the various 
concepts across models in a non-intrusive manner. Examples of correspondences in¬ 
clude those linking: a view in the navigation model to its corresponding main container 
in the UI model, an attribute of an entity in the data model to the label in the UI model 
showing its value to the user, an action in the interaction model to the corresponding 
CRUD operation in the data model to be performed when the action is executed, etc. 
Thanks to those inter-model correspondences, each model is self representative and can 
be re-used across projects and organizations. 

4 Conclusions 

This paper presented the main stakeholders, viewpoints, and modelling languages of a 
collaborative modelling framework for mobile apps. Based on Model-Driven Engineer¬ 
ing principles, the framework supports the collaborative modelling of mobile applica¬ 
tions through four main principal views, and with the aim of pre-deployment analysis 
and code generation. 
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